<template>
  <div class="teaching-task">
    <el-tabs v-model="activeName">
      <el-tab-pane label="班级管理" name="classroom"></el-tab-pane>
      <el-tab-pane label="年级管理" name="grade"></el-tab-pane>
      <el-tab-pane label="学期管理" name="session"></el-tab-pane>
    </el-tabs>
    <component :is="activeName" />
  </div>
</template>
<script>
export default {
  components: {
    classroom: () => import("../classroom/index.vue"),
    grade: () => import("../grade/index.vue"),
    session: () => import("../session/index.vue"),
  },
  data() {
    return {
      activeName: "classroom",
    };
  },
};
</script>